<template>
  <div class="banner">
    <div class="slogan">

    </div>
  </div>
</template>
<script>
export default {
  name: "banner",
  data() {
    return {
      
    }
  },
  methods: {
    
  }
}
</script>
<style lang="less">
  .banner{
    width: 100%;
    height: 300px;
    background-image: url("https://static.zhipin.com/zhipin-geek/v537/web/geek/images/returnee/banner-top.png");
    background-repeat: no-repeat;
    background-size: 1920px 300px;
    background-position: center;
    position: relative;
      .slogan{
        width: 590px;
        height: 90px;
        background-color: #ccc;
        position: absolute;
        top: 100px;
        left: 200px;
        background: url("https://img.bosszhipin.com/static/file/2022/143x1jp4s61643195948685.png");
        background-size: 590px 90px;
        background-repeat: no-repeat;
      }
  }
</style>